// 把 <router-link> 渲染成 <a>
export default {
  // 1. 接收 to 属性
  props: {
    to: {
      type: String,
      required: true,
      default: "/",
    },
  },
  // 2. 使用 render() 渲染组件
  render(h) {
    // <router-link to="/about">xxx</router-link> => <a href="#/about">abc</a>
    // h(tag, data, children)
    // this.$slots.default : 内容插槽
    return h("a", { attrs: { href: "#" + this.to } }, this.$slots.default);
  },
};
